@import "reset.less";
@import "kframes.less";
@import "common.less";
@import "swiper.css";
@import "jquery.mCustomScrollbar.min.css";
@import "fullPage.css";
@import "main03.less";
body,
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.clear:after {
  clear: both;
  content: ".";
  height: 0;
  visibility: hidden;
  font-size: 0;
  display: block;
}

//------------------------------loading部分-------------------
.m-loading {
  position: absolute;
  z-index: 888;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/main-bg.jpg') no-repeat center / cover;
  background-color: #fff;
  ;
  .logo {
    width: 319px;
    height: 103px;
    margin: -50px 0 0 0;
    background: url('../img/loading-logo.png') no-repeat center;
    background-size: cover;
  }
  .loadProcess {
    width: 251px;
    height: 7px;
    margin: 60px 0 0 0;
    overflow: hidden;
    .inner {
      width: 0;
      height: 100%;
      background: url('../img/loading-bar.png') no-repeat center / 251px 7px;
    }
  }
}

// ----------------------------导航内容-----------------------------------------
.m-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 110px;
  height: 100%;
  background: #f8f8f8;
  transition: width linear 300ms;
  .nav-menu {
    position: relative;
    width: calc(~"100% - 1px");
    border-right: 1px solid #e6e6e6;
    height: 100%;
    overflow: hidden;
  }
  .logo {
    text-align: center;
    .empty {
      width: 100%;
      height: 50px;
    }
    width: 100%;
    height: 150px;
  }
  .nav-middle {
    top: 43%;
    width: 200px;
    font-size: 16px;
    .list {
      margin-bottom: 3vh;
    }
    .icon {
      margin-left: 40px;
      display: inline-block;
      vertical-align: top;
      width: 30px;
      height: 36px;
      background: url('../img/bg_nav_icon.png') no-repeat center / 60px 281px;
    }
    .name {
      padding-left: 10px;
      color: #808080;
      display: inline-block;
      vertical-align: top;
      line-height: 36px;
      height: 36px;
      width: 90px;
      text-align: center;
      opacity: 0;
      transform: translate(20px, 0);
      transition: opacity linear 300ms, transform linear 300ms;
    }
    .nav-list {
      .list {
        cursor: pointer;
        .one-icon {
          background-position: 0 4px;
        }
        .two-icon {
          background-position: 0 -40px;
        }
        .three-icon {
          background-position: 0 -80px;
        }
        .four-icon {
          background-position: 0 -120px;
        }
        .five-icon {
          background-position: 0 -165px;
        }
        .six-icon {
          background-position: 0 -205px;
        }
        .seven-icon {
          background-position: 0 -245px;
        }
      }
      .list.active,
      .list:hover {
        .name {
          color: #007ae1;
        }
        .one-icon {
          background-position: -30px 4px;
        }
        .two-icon {
          background-position: -30px -40px;
        }
        .three-icon {
          background-position: -30px -80px;
        }
        .four-icon {
          background-position: -30px -120px;
        }
        .five-icon {
          background-position: -30px -165px;
        }
        .six-icon {
          background-position: -30px -205px;
        }
        .seven-icon {
          background-position: -30px -245px;
        }
      }
    }
  }
  .nav-footer {
    opacity: 0;
    position: absolute;
    bottom: 0; // width: 220px;
    // 新展开
    width: 200px;
    height: 280px;
    transition: opacity linear 100ms;
  }
  .btn {
    width: 100%;
    height: 54px;
    .btn-icon {
      display: table-cell;
      vertical-align: middle;
      width: 148px;
      height: 44px;
      border-radius: 50px;
      text-align: center;
      background: #d2d2d2;
      a {
        font-size: 16px;
        line-height: 44px;
        color: #606060;
      }
      ;
    }
  }
  .btn:hover {
    .btn-icon {
      background: #007ae1;
      a {
        color: #fff;
      }
    }
  }
  .wx-icon {
    text-align: center;
    width: 100%;
    height: 150px;
    background: url('../img/left-wx-icon.png') no-repeat center / 123px 136px;
  }
  .tip-box {
    bottom: 75px;
    width: 20px;
    height: 33px;
    .tip {
      width: 20px;
      height: 33px;
      background: url(../img/nav_tips.png) no-repeat center / cover;
      animation: navTip 1000ms linear infinite;
    }
  }
}

.m-nav.open {
  // width: 220px;
  // 新展开的版本
  width: 200px;
  .nav-middle {
    .name {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
  .nav-footer {
    opacity: 1;
  }
  .tip-box {
    display: none;
  }
}

//-----------------------------主体板块区域---------------------------------------
.m-main {
  width: 100%;
  height: 100%;
  font-size: 0; // 左侧空白元素
  .left-nav {
    display: inline-block;
    vertical-align: top; // width: 110px;
    // 新的板块
    width: 200px;
    height: 100%;
  } // 右侧主体板块层
  .right-cont {
    position: relative;
    display: inline-block;
    vertical-align: top;
    display: inline-block; // width: calc(~"100% - 110px");
    // 新的展开板块
    width: calc(~"100% - 200px");
    height: 100%;
    background: url('../img/main-bg.jpg') no-repeat center / cover;
    .main-wrap {
      width: 100%;
      height: 100%;
    }
    .main-page {
      max-width: 1920px;
      .head {
        padding-top: 34px;
        width: 100%;
        height: auto;
        .title {
          display: inline-block;
          vertical-align: top;
          margin-left: 120px;
          width: 300px;
          line-height: 136px;
          height: 136px;
          font-size: 38px;
        }
        .title-sprite {
          background-image: url('../img/font-sprite.png');
          background-repeat: no-repeat;
          background-size: 1920px 800px;
        }
      }
      .nav-btn-wrap {
        display: inline-block;
        vertical-align: top;
        .btn {
          width: 326px;
          height: 168px; // background: url('../img/page-btn.png') no-repeat center / cover;
          display: inline-block;
          vertical-align: top; // font-size: 24px;
          // color: #b5b5b5;
          // text-align: center;
          // line-height: 136px;
        }
        .btn.active {
          // background-image: url('../img/page-btn-active.png');
          // color: #ffffff;
        }
      }
      .main {
        position: relative;
        width: 100%;
        height: calc(~"100% - 170px");
        .nav-cont-wrap {
          width: 100%;
          max-width: 1920px;
          .nav-page {
            display: none;
            position: relative;
            width: 100%;
            height: 100%;
          }
          .nav-page.active {
            display: block;
          }
        }
      }
      .size36 {
        font-size: 36px;
      }
    }
    .scroll-ball {
      position: relative;
      width: 100%;
      height: 16px;
      font-size: 0;
      .ball-list {
        height: 16px;
        .ball {
          width: 12px;
          height: 12px;
          display: inline-block;
          vertical-align: middle;
          background: #ccc;
          margin: 0 6px;
          border-radius: 12px;
        }
        .ball.active {
          width: 16px;
          height: 16px;
          background: #007ae1;
        }
      }
    } // --------------第一屏
    .slide01 {
      background: url('../img/index-bg.jpg') no-repeat center / cover;
      .main-page {
        max-width: none; // background: url('../img/index-bg.jpg') no-repeat center / cover;;
      }
      .tip-box {
        position: absolute;
        bottom: 75px;
        width: 44px;
        height: 25px;
      }
      .tip {
        background: url(../img/index_down.png) no-repeat center / cover;
        width: 44px;
        height: 25px;
        animation: indexTip 1000ms linear infinite;
      }
    } //----------第二屏
    .slide02 {
      .title-sprite {
        background-position: -85px -312px;
        width: 312px;
        height: 82px;
      }
      p {
        width: 100%;
        color: #a0a0a0;
        font-size: 16px;
        line-height: 32px;
      }
      .size36 {
        margin-top: 60px;
        width: 598px;
        height: 35px;
        background: url('../img/main02-18title-icon.png') no-repeat center / contain;
        background-position: -300px 0;
      }
      .box {
        margin-top: 40px;
      }
      .nav-btn-wrap {
        .btn {
          width: 326px;
          height: 168px;
        }
        .btn.btn-2018 {
          background: url('../img/slide02-2018-white.png') no-repeat center / cover;
        }
        .btn.btn-2018.active {
          background: url('../img/slide02-2018-blue.png') no-repeat center / cover;
        }
        .btn.about {
          background: url('../img/slide02-about-white.png') no-repeat center/ cover;
        }
        .btn.about.active {
          background: url('../img/slide02-about-blue.png') no-repeat center / cover;
        }
      }
      .page-left {
        position: absolute;
        width: 1080px;
        height: 100%;
        p {
          margin: 30px 0 20px 0;
        }
        .img-cont {
          // width: 1156px;
          height: (556px / 1080px) * 100vh;
          background: url('../img/index-bg.jpg') no-repeat center / cover;
        }
      }
      .page-right {
        width: 1460px;
        .num01-icon {
          width: 100%;
          height: 85px;
          .icon {
            width: 59px;
            height: 47px;
            background: url('../img/num-01.png') no-repeat center / contain;
          }
        }
        .about-ni-icon {
          width: 100%;
          height: 80px;
          .icon {
            width: 215px;
            height: 72px;
            background: url('../img/about-ni-icon.png') no-repeat center / cover;
          }
        }
        .num02-icon {
          margin-top: 42px;
          width: 100%;
          height: 72px;
          .icon {
            width: 71px;
            height: 47px;
            background: url('../img/num-02.png') no-repeat center / contain;
          }
        }
        .box {
          display: inline-block;
          vertical-align: top;
        }
        p {
          font-size: 16px;
          line-height: 36px;
        }
        .left-box {
          width: 466px;
          height: 686px;
        }
        .right-box {
          margin-left: 40px;
          .inline-box {
            display: inline-block;
            vertical-align: top;
          }
          .nav-bar {
            width: 36px;
            height: 701px;
            ul {
              position: relative;
              width: 100%;
              height: 100%;
            }
            li {
              width: 12px;
              height: 12px;
              border-radius: 12px;
              margin: 10px auto;
              background: #ccc;
              cursor: pointer;
            }
            li.active {
              width: 14px;
              height: 14px;
              background: #007ae1;
            }
          }
          .nav-slide {
            width: 911px;
            height: 731px;
            overflow: hidden;
            ul {
              width: 100%;
              height: 100%;
            }
            li {
              display: none;
              width: 100%;
              height: 100%;
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat;
            }
            li.active {
              display: block;
            }
            .slide01 {
              background-image: url('../img/ni_slide02_img_01.png');
            }
            .slide02 {
              background-image: url('../img/ni_slide02_img_02.png');
            }
          }
        }
      }
    } // -----------------第三屏
    .slide03 {
      .main {
        display: none;
      }
      .main.active {
        display: block;
      }
      .title-sprite {
        background-position: -60px -195px;
        height: 70px;
        margin-top: 36px;
      }
      .scroll-ball {
        position: relative;
        width: 100%;
        padding-top: 80px;
        height: 16px;
        .ball-list {
          .ball {
            margin: 0 7px;
            cursor: pointer;
          }
        }
      }
      .head {
        position: absolute;
        top: 34px;
        left: 0;
        padding-top: 0;
      }
      .main {
        height: 100%;
      }
      .position-box {
        width: 1400px;
        height: 100%;
      }
      .swiper-slide {
        }
        .swiper-box-wrap {
          width: 1280px;
          height: 836px;
                  .swiper-button-prev {
          left: -42px;
          background: url('../img/btn-left-icon.png') no-repeat center / cover;
        }
        .swiper-button-next {
          right: -42px;
          background: url('../img/btn-right-icon.png') no-repeat center / cover;
        }
        .button {
          width: 42px * 0.7;
          height: 75px * 0.7;
          cursor: pointer;
        }
        .card {
          width: 400px;
          height: 700px;
        }
        .swiper-card {
          width: 100%;
          height: 100%;
          .swiper-slide {
            padding: 10px;
            width: 400px;
            height: 700px;
            .card {
              position: relative;
              width: 100%;
              height: 100%;
            }
          }
          .btn-href {
            bottom: 100px;
            width: 298px;
            height: 130px;
            background: url('../img/main03-btn-href.png') no-repeat center / cover;
            a {
              display: block;
              width: 100%;
              height: 100%;
            }
          }
          .card.swiper-slide-active {
            .btn-href {
              background: url('../img/main03-btn-href-active.png') no-repeat center / cover;
            }
          }
          .swiper-pagination-bullet {
            width: 16px;
            height: 16px;
          } // .yxkf {
          //   background: url('../img/main03-card-yxkf.png') no-repeat center / cover;
          // }
          // .yxkf.swiper-slide-active {
          //   background: url('../img/main03-card-yxkf-active.png') no-repeat center / cover;
          // }
          // .znhl {
          //   background: url('../img/main03-card-znhl.png') no-repeat center / cover;
          // }
          // .znhl.swiper-slide-active {
          //   background: url('../img/main03-card-znhl-active.png') no-repeat center / cover;
          // }
          // .aiaq {
          //   background: url('../img/main03-card-aiaq.png') no-repeat center / cover;
          // }
          // .aiaq.swiper-slide-active {
          //   background: url('../img/main03-card-aiaq-active.png') no-repeat center / cover;
          // }
          // .tmcy {
          //   background: url('../img/main03-card-tmcy.png') no-repeat center / cover;
          // }
          // .tmcy.swiper-slide-active {
          //   background: url('../img/main03-card-tmcy-active.png') no-repeat center / cover;
          // }
          // .ycwx {
          //   background: url('../img/main03-card-ycwx.png') no-repeat center / cover;
          // }
          // .ycwx.swiper-slide-active {
          //   background: url('../img/main03-card-ycwx-active.png') no-repeat center / cover;
          // }
          // .qndy {
          //   background: url('../img/main03-card-qndy.png') no-repeat center / cover;
          // }
          // .qndy.swiper-slide-active {
          //   background: url('../img/main03-card-qndy-active.png') no-repeat center / cover;
          // }
          // .qnyy {
          //   background: url('../img/main03-card-qnyy.png') no-repeat center / cover;
          // }
          // .qnyy.swiper-slide-active {
          //   background: url('../img/main03-card-qnyy-active.png') no-repeat center / cover;
          // }
          // .qnbj {
          //   background: url('../img/main03-card-qnbj.png') no-repeat center / cover;
          // }
          // .qnbj.swiper-slide-active {
          //   background: url('../img/main03-card-qnbj-active.png') no-repeat center / cover;
          // }
          // .yycy {
          //   background: url('../img/main03-card-yycy.png') no-repeat center / cover;
          // }
          // .yycy.swiper-slide-active {
          //   background: url('../img/main03-card-yycy-active.png') no-repeat center / cover;
          // }
          // .cysj {
          //   background: url('../img/main03-card-cysj.png') no-repeat center / cover;
          // }
          // .cysj.swiper-slide-active {
          //   background: url('../img/main03-card-cysj-active.png') no-repeat center / cover;
          // }
          // .dsp {
          //   background: url('../img/main03-card-dsp.png') no-repeat center / cover;
          // }
          // .dsp.swiper-slide-active {
          //   background: url('../img/main03-card-dsp-active.png') no-repeat center / cover;
          // }
        }
      }
      .card {
        width: 400px;
        height: 700px;
      }
      .move-slide,
      .swiper-slide {
        cursor: pointer;
        .yxkf {
          background: url('../img/main03-card-yxkf.png') no-repeat center / cover;
        }
        .znhl {
          background: url('../img/main03-card-znhl.png') no-repeat center / cover;
        }
        .aiaq {
          background: url('../img/main03-card-aiaq.png') no-repeat center / cover;
        }
        .tmcy {
          background: url('../img/main03-card-tmcy.png') no-repeat center / cover;
        }
        .ycwx {
          background: url('../img/main03-card-ycwx.png') no-repeat center / cover;
        }
        .qndy {
          background: url('../img/main03-card-qndy.png') no-repeat center / cover;
        }
        .qnyy {
          background: url('../img/main03-card-qnyy.png') no-repeat center / cover;
        }
        .qnbj {
          background: url('../img/main03-card-qnbj.png') no-repeat center / cover;
        }
        .yycy {
          background: url('../img/main03-card-yycy.png') no-repeat center / cover;
        }
        .cysj {
          background: url('../img/main03-card-cysj.png') no-repeat center / cover;
        }
        .dsp {
          background: url('../img/main03-card-dsp.png') no-repeat center / cover;
        }
      }
      .move-slide.active,
      .swiper-slide.swiper-slide-active {
        .yxkf {
          background: url('../img/main03-card-yxkf-active.png') no-repeat center / cover;
        }
        .znhl {
          background: url('../img/main03-card-znhl-active.png') no-repeat center / cover;
        }
        .aiaq {
          background: url('../img/main03-card-aiaq-active.png') no-repeat center / cover;
        }
        .tmcy {
          background: url('../img/main03-card-tmcy-active.png') no-repeat center / cover;
        }
        .ycwx {
          background: url('../img/main03-card-ycwx-active.png') no-repeat center / cover;
        }
        .qndy {
          background: url('../img/main03-card-qndy-active.png') no-repeat center / cover;
        }
        .qnyy {
          background: url('../img/main03-card-qnyy-active.png') no-repeat center / cover;
        }
        .qnbj {
          background: url('../img/main03-card-qnbj-active.png') no-repeat center / cover;
        }
        .yycy {
          background: url('../img/main03-card-yycy-active.png') no-repeat center / cover;
        }
        .cysj {
          background: url('../img/main03-card-cysj-active.png') no-repeat center / cover;
        }
        .dsp {
          background: url('../img/main03-card-dsp-active.png') no-repeat center / cover;
        }
      }
      .move-slide-match {
        .move-container {
          width: 1000px; // width: 1460px;
          height: 740px + 80px + 16px;
        }
        .move-wrap {
          position: relative;
          width: 1000px; // width: 1460px;
          height: 740px;
        }
        .big-small-slide {
          width: 1000px; // width: 1460px;
          height: auto;
          overflow: hidden;
        }
        .box-wrap {
          width: 400px * 18;
        }
        .card {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          width: 100%;
          height: 100%;
        }
        .move-slide {
          padding: 20px;
          width: 400px;
          height: 700px;
          display: inline-block;
          vertical-align: middle;
        } // .card.current{
        //    width: 400px * 0.8;
        //    height: 700px * 0.8;
        // }
        .btn-href {
          bottom: 10%;
          width: (298 / 400) * 100%;
          height: (130 / 700) * 100%;
          background: url('../img/main03-btn-href.png') no-repeat center / cover;
          cursor: pointer;
          a {
            display: block;
            width: 100%;
            height: 100%;
          }
        }
        .btn-left {
          left: -42px * 0.7;
          background: url('../img/btn-left-icon.png') no-repeat center / cover;
        }
        .btn-right {
          right: -42px * 0.7;
          background: url('../img/btn-right-icon.png') no-repeat center / cover;
        }
        .btn {
          width: 42px * 0.7;
          height: 75px * 0.7;
          cursor: pointer;
        }
      }
    } // ------------------第四屏
    .slide04 {
      .title-sprite {
        background-position: -60px -494px;
        height: 70px;
        margin-top: 30px;
      }
      .head {
        position: absolute;
        top: 34px;
        left: 0;
        padding-top: 0;
      }
      .main {
        height: 100%;
      }
      .position-box {
        // top: 180px;
        max-width: 1920px;
        max-height: calc(~"1080px - 170px");
      }
      ul {
        font-size: 0;
        width: 1470px;
        li:nth-child(5),
        li:nth-child(10) {
          margin: 0;
        }
      }
      li {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin: 0 36px 0 0;
        color: #a1a1a1;
        h1 {
          font-size: 20px;
          line-height: 32px;
        }
        p {
          font-size: 14px;
          line-height: 24px;
        }
      }
      .photo {
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        width: 265px;
        height: 200px;
        border-radius: 0.1rem;
        cursor: pointer;
        .small-icon {
          position: absolute;
          bottom: 10px;
          right: 10px;
          width: 31px;
          height: 23px;
          background: url('../img/main04-small-icon.png') no-repeat center / cover;
        }
        .mask {
          opacity: 0;
          background: rgba(0, 0, 0, 0.7);
          transition: all 0.6s;
          z-index: 1;
          .play-icon {
            width: 0.57rem;
            height: 0.57rem;
            background: url('../img/play-big-icon.png') no-repeat center / cover;
          }
        }
      }
      .photo:hover {
        .small-icon {
          display: none;
        }
        .mask {
          opacity: 1;
        }
        img {
          transform: scale(1.2);
        }
      }
      .top {
        margin-bottom: 50px;
      }
      img {
        border-radius: 10px;
        width: 100%;
        height: 100%;
        transform: scale(1);
        transition: all 0.6s;
      }
    } // -------------------------------第五屏
    .slide05 {
      .title-sprite {
        background-position: -540px -56px;
        height: 70px;
        margin-top: 30px;
      }
      .nav-cont-wrap {
        width: 100%;
        height: 100%;
      }
      .nav-btn-wrap {
        .btn.master {
          background: url('../img/slide05-master-white.png') no-repeat center / cover;
        }
        .btn.master.active {
          background: url('../img/slide05-master-blue.png') no-repeat center / cover;
        }
        .btn.player {
          background: url('../img/slide05-player-white.png') no-repeat center / cover;
        }
        .btn.player.active {
          background: url('../img/slide05-player-blue.png') no-repeat center / cover;
        }
      }
      .nav-page {
        width: 100%;
        height: 100%;
        ul {
          width: 1153px;
        }
        .player-three {
          height: 6.8rem;
        }
        .master-four {
          height: 680px;
        } // .player-three {
        //   height: 660px;
        // }
        li:nth-child(5),
        li:nth-child(10) {
          margin: 0;
        }
        li {
          display: inline-block;
          vertical-align: top;
          text-align: center;
          margin: 0 86px 0 0;
          height: 340px;
          .photo {
            margin-bottom: 14px;
            width: 158px;
            height: 158px;
            img {
              width: 100%;
              height: 100%;
            }
          }
          p {
            font-size: 16px;
            line-height: 26px;
            color: #a1a1a1;
          }
          span {
            font-size: 20px;
            color: #007ae1;
          }
          .en {
            font-size: 20px;
          }
        }
        .page {
          display: none;
        }
        .page.active {
          display: block;
        }
        .ball-list {
          bottom: -10px;
          width: auto;
          .ball {
            width: 16px;
            height: 16px;
            margin: 0 6px;
            background: #ccc;
            cursor: pointer;
          }
          .ball.active {
            background: #007ae1;
          }
        }
      }
    }
    .slide06 {
      .main {
        display: none;
      }
      .main.active {
        display: block;
      } // 新的轮播start----------------------
      .move-container {
        width: 1080px;
        height: 800px;
        top: 58%;
        .move-wrap {
          position: relative;
          width: 1080px;
          height: 490px;
          .big-small-slide {
            width: 1080px;
            height: auto;
            overflow: hidden;
          }
          .card {
            cursor: pointer;
            width: 100%;
            height: 100%;
          }
          .btn {
            width: 42px * 0.7;
            height: 75px * 0.7;
            cursor: pointer;
          }
          .btn-left {
            left: -42px * 0.7;
            background: url('../img/btn-left-icon.png') no-repeat center / cover;
          }
          .btn-right {
            right: -42px * 0.7;
            background: url('../img/btn-right-icon.png') no-repeat center / cover;
          }
          ul {
            width: 400px * 10;
            font-size: 0;
          }
          li {
            display: inline-block;
            vertical-align: middle;
            padding: 20px;
            width: 400px;
            height: 490px;
          }
        }
        .text-wrap {
          padding: 50px 0;
          height: 128px;
          width: 100%;
          .text-list {
            width: 622px;
            height: auto;
            margin: 0 auto;
            .text-about {
              display: none;
            }
            .text-about.active {
              display: block;
            }
            p {
              font-size: 16px;
              line-height: 32px;
              color: #a1a1a1;
            }
          }
        }
      } 
      // 新轮播end-------------------------------
      .swiper-slide {
        position: relative;
        width: 100%;
        height: 100%;
        .swiper-box-wrap {
           top: 58%;
            width: 1280px;
            height: 800px;
          .swiper-wrapper {
            // height: 540px;
          }
          .text-wrap {
            padding: 50px 0;
            height: 128px;
            width: 100%;
            .text-list {
              width: 622px;
              height: auto;
              margin: 0 auto;
              .text-about {
                display: none;
              }
              .text-about.active {
                display: block;
              }
              p {
                font-size: 16px;
                line-height: 32px;
                color: #a1a1a1;
              }
            }
          }
          .swiper-button-prev {
            left: -50px;
            background: url('../img/btn-left-icon.png') no-repeat center / cover;
          }
          .swiper-button-next {
            right: -50px;
            background: url('../img/btn-right-icon.png') no-repeat center / cover;
          }
          .button {
            width: 42px * 0.7;
            height: 75px * 0.7;
            cursor: pointer;
            margin-top: -76px;
          }
          .swiper-pagination-bullet {
            width: 16px;
            height: 16px;
          }
          .swiper-container {
            // width: 1280px;
            // height: 800px;
          }
          li {
            padding: 20px;
            width: 400px;
            height: 490px;
          }
        }
      }
      .title-sprite {
        background-position: -60px -631px;
        height: 70px;
        margin-top: 30px;
      }
      .head {
        position: absolute;
        top: 34px;
        left: 0;
        padding-top: 0;
      }
      .main {
        height: 100%;
      }
      .position-box {
        width: 1400px;
        height: 100%;
      }
      .scroll-ball {
        // padding-top: 50px; 
      }
      .card {
        position: relative;
        width: 400px;
        height: 490px;
        border-radius: 20px;
        cursor: pointer;
      }
      .year12 {
        background: url('../img/main06-12year.png') no-repeat center / cover;
      }
      .year13 {
        background: url('../img/main06-13year.png') no-repeat center / cover;
      }
      .year14 {
        background: url('../img/main06-14year.png') no-repeat center / cover;
      }
      .year15 {
        background: url('../img/main06-15year.png') no-repeat center / cover;
      }
      .year16 {
        background: url('../img/main06-16year.png') no-repeat center / cover;
      }
      .year17 {
        background: url('../img/main06-17year.png') no-repeat center / cover;
      }
      .card-swiper {
        width: 100%;
        height: 100%;
        .card.swiper-slide-active {}
      }
    } // -------------------------------第七屏
    .slide07 {
      .title-sprite {
        background-position: -550px -190px;
        height: 70px;
        margin-top: 30px;
      }
      .content {
        height: 100%;
      }
      .box {
        height: 98%;
        width: 1400px; // background: red;
        h2 {
          font-size: 30px;
          line-height: 100px;
          color: #a0a0a0;
        }
        .cont {
          width: 100%;
          height: auto;
        }
        li {
          display: inline-block;
          vertical-align: top;
          text-align: center;
          margin: 0 30px 14px 30px;
          img {
            width: 289px;
            height: auto; // box-shadow: 2px 2px 10px #a0a0a0;
            box-shadow: 2px 2px 2px #e0dede;
          }
        }
        li:nth-child(4n) {
          margin-right: 0;
        }
        li:nth-child(4n+1) {
          margin-left: 0;
        }
      }
    }
    .m-swiper {
      width: 100%;
      height: 100%;
    }
  }
}

//-----------------------------弹出层样式---------------------------------------
// ----------------------------视频播放器-----------------------------------------
.video-control {
  z-index: 6;
  cursor: pointer;
}

.m-float-video {
  display: none;
  z-index: 666;
  .mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
  }
  .video-box {
    background: #000;
    width: 80%;
    height: 80%;
    max-width: 1920px;
    max-height: 1080px;
    .btn-close {
      position: absolute;
      top: 0;
      right: -60px;
      background: url('../img/bg_video_close.png') no-repeat center / cover;
      width: 60px;
      height: 60px;
    }
  }
  .video-inner {
    width: 100%;
    height: 100%;
  }
}

// 腾讯foot.js样式控制
#afooter {
  position: absolute;
  opacity: 1;
  bottom: 0;
  width: 1090px;
  left: 53.5%;
  transform: translateX(-50%);
  z-index: 666;
  padding-top: 2px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  transition: opacity linear 600ms;
  a {
    display: inline;
    color: #fff;
  }
}

#afooter.hide {
  opacity: 0;
  pointer-events: none;
}

// 横竖屏控制显示
// @media screen and (max-height: 900px) {
//   .m-nav.nav {
//     .nav-middle {
//       .list {
//         margin-bottom: 1vh;
//       }
//     }
//   }
//   .m-main {
//     .right-cont {
//       .slide02 {
//         .page-right {
//           width: 1020px;
//           .box {
//             margin-top: 10px;
//           }
//           .left-box {
//             .num01-icon {
//               height: 70px;
//             }
//             p {
//               line-height: 24px;
//             }
//             .num02-icon {
//               margin-top: 20px;
//               height: 64px;
//             }
//           }
//           .right-box {
//             margin-left: 60px;
//             .nav-slide {
//               width: 569px * 0.8;
//               height: 701px * 0.8;
//               background: url('../img/main02-about-slide01.jpg') no-repeat center / cover;
//             }
//           }
//         }
//       }
//       .slide03 {
//         // .page03 {
//         //   .small-box{
//         //     width: 400px * 0.6;
//         //     height: 700px * 0.6;
//         //     .card{
//         //        width: 400px * 0.6;
//         //        height: 700px * 0.6;
//         //     }
//         //   }
//         //   .big-box{
//         //       width: 400px * 0.8;
//         //       height: 700px * 0.8;
//         //   }
//         //   .card {
//         //     width: 400px * 0.8;
//         //     height: 700px * 0.8;
//         //   }
//         //   .btn-href {
//         //     bottom: 100px * 0.8;
//         //     width: 298px * 0.8;
//         //     height: 130px * 0.8;
//         //   }
//         // }
//       }
//       .slide04 {
//         .position-box {
//           transform: translate(-50%, -50%);
//           top: 57%;
//           ul {
//             width: 1100px;
//             .top {
//               margin-bottom: 30px;
//             }
//             li {
//               width: 212px;
//               margin: 0 10px 0 0;
//             }
//             li:nth-child(5),
//             li:nth-child(10) {
//               margin: 0;
//             }
//             h1 {
//               font-size: 18px;
//               line-height: 24px;
//             }
//             p {
//               font-size: 12px;
//             }
//           }
//           .photo {
//             width: 265px * 0.8;
//             height: 200px * 0.8;
//           }
//         }
//       }
//       .slide05 {
//         .nav-page {
//           ul {
//             width: 1000px;
//           }
//           .ball-list{
//             bottom: 0;
//           }
//           li {
//             height: 270px;
//             .photo {
//               width: 120px;
//               height: 120px;
//               margin-bottom: 4px;
//             }
//             p {
//               line-height: 24px;
//               font-size: 14px;
//               span {
//                 font-size: 18px;
//               }
//             }
//           }
//           .master-four, .player-three{
//               height: 540px
//           }
//         }
//       }
//     }
//     .m-float-about{
//       .about-page{
//         .top-nav{
//           ul{
//             transform: translateX(-50%) scale(0.8);
//           }
//           // li{
//           //    width: 84px * 0.8;
//           //    height: 170px * 0.8;
//           // }
//           // li.active {
//           //       width: 170px * 0.8; // background: #007ae1;
//           //       .sprite-img {
//           //           height: 164px * 0.8;
//           //           width: 164px * 0.8;
//           //       }
//           //   }
//         }
//         .nav-cont{
//           ul{
//             width: 1100px;
//           }
//         }
//       }
//     }
//   }
// }
// @media screen and (max-width: 1600px) {
//   .m-nav.nav {
//     .nav-middle {
//       .list {
//         margin-bottom: 1vh;
//       }
//     }
//   }
//   .m-main {
//     .right-cont {
//       .slide02 {
//         .page-right {
//           width: 1020px;
//           .box {
//             margin-top: 10px;
//           }
//           .left-box {
//             .num01-icon {
//               height: 70px;
//             }
//             p {
//               line-height: 24px;
//             }
//             .num02-icon {
//               margin-top: 20px;
//               height: 64px;
//             }
//           }
//           .right-box {
//             margin-left: 60px;
//             .nav-slide {
//               width: 569px * 0.8;
//               height: 701px * 0.8;
//               background: url('../img/main02-about-slide01.jpg') no-repeat center / cover;
//             }
//           }
//         }
//       }
//       .slide03 {
//         // .page03 {
//         //   .small-box{
//         //     .card{
//         //        width: 400px * 0.6;
//         //        height: 700px * 0.6;
//         //     }
//         //   }
//         //   .card {
//         //     width: 400px * 0.8;
//         //     height: 700px * 0.8;
//         //   }
//         //   .btn-href {
//         //     bottom: 100px * 0.8;
//         //     width: 298px * 0.8;
//         //     height: 130px * 0.8;
//         //   }
//         // }
//       }
//       .slide04 {
//         .position-box {
//           ul {
//             width: 1100px;
//             .top {
//               margin-bottom: 20px;
//             }
//             li {
//               width: 212px;
//               margin: 0 10px 0 0;
//             }
//             li:nth-child(5),
//             li:nth-child(10) {
//               margin: 0;
//             }
//             h1 {
//               font-size: 20px;
//               line-height: 26px;
//             }
//             p {
//               font-size: 12px;
//             }
//           }
//           .photo {
//             width: 265px * 0.8;
//             height: 200px * 0.8;
//           }
//         }
//       }
//     }
//   }
// }
@import "response_reset.less";
@import "animation.less";